﻿@import "../../css/_theme";

#certify-view {
    padding-top:1rem;
    min-height:100%;
    margin-top:8rem;
}

#acnt-overview {
    height: 600px;
    display:table;
    width:100%;

    &:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        content: '';
        width: 100%;
        height: 100%;
        background-color: white;
        background-image: url(/ui/imgs/acnt/overview-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        //filter: blur(1px);
    }
}

#ao-baseinfo {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 45%;
    color: white;
}


#ao-baseinfo-name {
    text-align:center;
    font-size:2rem;
    line-height:2;
}

#ao-baseinfo-headimg {
    width: 12rem;
    height: 12rem;
    border-radius: 6rem;
    border: 5px solid white;
    display: inline-block;
    margin: -200px auto auto auto;
    background-size: cover;

    &:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid white;
        box-shadow: 0 0 5px 0 white;
        animation: boom 3s ease-out infinite;
    }
}

#ao-status {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    overflow:visible;
}
.co-card {
    height: 33.3333333%;
    float: left;
    width: 100%;
    transition: all linear .5s;
    padding:10px 10px 10px 50px;

    &:before {
        content: '';
        position: absolute;
        width: 40px;
        height: 100%;
        left: 0;
        top: 0;
        border-right: 1px dashed gray;
    }

    &:hover {
        background-color: white;
        box-shadow: 1px 1px 10px 0px black;
        transition: all ease-out .3s;
    }

    &.acnt-overview {
    }

    & > .title {
        color: black;
        text-indent: 1rem;
        position: relative;

        &.ok {
            &:before {
                background-color: $ClrOk;
            }
        }

        &:before {
            width: 20px;
            height: 20px;
            position: absolute;
            left: -20px;
            top: 50%;
            margin-top: -10px;
            content: '';
            background-color: $ClrDisable;
            border-radius: 10px;
            box-shadow: -2px 3px 9px 0px #808080 inset;
        }
    }
}


.co-card-infoitem{
    padding:5px 1rem;
    &>label{
        width:6rem;
        display:inline-block;
    }

}

.certifystatus {
    color: gray;

    &.certified {
        color: $ClrOk;
    }
}

#c-pending {
    &:before {
        content: '';
        width: 96px;
        height: 96px;
        background-position: -234px 0;
        position: absolute;
        right: 64px;
        background-image: url(/UI/imgs/icon-tags.png);
    }
}
#c-pending-tip {
    padding: 5px;
    background-color: $ClrTheme;
    color: $ClrThemeHotTxt;
    border: 1px solid $ClrThemeHotTxt;
    border-radius: 8px;
    position: relative;
    margin-left:10px;

    &:after {
        content: '';
        position: absolute;
        left: -15px;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: transparent $ClrTheme transparent transparent;
    }
}

#c-aborted {
    padding-left: 1rem;
    overflow: hidden;

    &:before {
        content: '';
        width: 96px;
        height: 96px;
        background-position: -338px 0;
        position: absolute;
        right: 64px;
        background-image: url(/UI/imgs/icon-tags.png);
    }
}

#c-aborted-tip{
    width:80%;
    font-size:1.4rem;
    height:6.5rem;
    overflow:hidden;
}

#c-unsubmited {
    display: table;
    width: 100%;
    height: 80%;

    &:before {
        content: '';
        width: 96px;
        height: 96px;
        background-position: -124px 0;
        position: absolute;
        right: 64px;
        background-image: url(/UI/imgs/icon-tags.png);
    }

    & > div {
        display: table-cell;
        vertical-align: middle;
    }
}


#org-unsubmited {
    &:before {
        content: '';
        width: 96px;
        height: 96px;
        background-position: -124px 0;
        position: absolute;
        right: 64px;
        background-image: url(/UI/imgs/icon-tags.png);
    }
}

